<div class="exh_banner">
    <img src="http://www.chenrh.com/Content/weixincontroller/img/exh_banner.png" alt="浙江基层医疗设备展览会" />
</div> 
 
<app-crh-navbar [navDto]="navDto"></app-crh-navbar>


<p-toolbar>
    <div class="ui-toolbar-group-left">
      <p-selectButton [options]="types" [(ngModel)]="selectedType" (onChange)="companyOrProductChange($event)"></p-selectButton>
  </div>
</p-toolbar>

<p-dataView *ngIf="isCompanyComp" #dv [value]="arrCompanys" [paginator]="true" [rows]="20" paginatorPosition="both"
    [totalRecords]="totalRecords" [sortField]="sortField" [sortOrder]="sortOrder"  
    [emptyMessage]="emptyMessage"
    [lazy]="true" (onLazyLoad)="loadData($event)">
    <p-header>
        <div class="ui-helper-clearfix">
            <div class="ui-g">
                <div class="ui-g-12 ui-md-12">
                    <div class="ui-inputgroup">
                        <input pInputText type="text" [(ngModel)]="keywords" placeholder="请输入搜索关键字" style="width:100%;"> 
                        <button pButton type="button" label="搜索" (click)="searchButtonHandleClick($event)" style="width:100px;"  icon="pi pi-search" iconPos="left"></button>
                    </div>
                </div>
            </div>
        </div>
    </p-header>
    <ng-template let-cmp pTemplate="listItem">
        <div class="ui-g">
            <div class="ui-g-9 ui-sm-9">
                <b style="color:#0e90d2" [innerHTML]="cmp.COMP_NAME">
                <!-- {{cmp.COMP_NAME}} -->
                </b>
            </div>
            <div class="ui-g-3 ui-sm-3">
                <span style="color:#999">{{cmp.BOOTH_NO}}</span>
            </div>
        </div>
        <div class="ui-g" style="border-bottom: 1px solid #d9d9d9">
            <div class="ui-g-12 ui-md-12 car-details">
                    {{cmp.BOOTH_HOUSE}} {{cmp.BOOTH_FLOOR}}
            </div>
        </div>
    </ng-template>
</p-dataView>

<p-dataView *ngIf="!isCompanyComp" #dv [value]="arrProducts" [paginator]="true" [rows]="20" paginatorPosition="both"
    [totalRecords]="totalRecords" [sortField]="sortField" [sortOrder]="sortOrder"  
    [emptyMessage]="emptyMessage"
    [lazy]="true" (onLazyLoad)="loadData($event)">
    <p-header>
        <div class="ui-helper-clearfix">
            <div class="ui-g">
                <div class="ui-g-12 ui-md-12">
                    <div class="ui-inputgroup">
                        <input pInputText type="text" [(ngModel)]="keywords" placeholder="请输入搜索关键字" style="width:100%;"> 
                        <button pButton type="button" label="搜索" (click)="searchButtonHandleClick($event)" style="width:100px;"  icon="pi pi-search" iconPos="left"></button>
                    </div>
                </div>
            </div>
        </div>
    </p-header>
    <ng-template let-cmp pTemplate="listItem">
        <div class="ui-g">
            <div class="ui-g-9 ui-sm-9">
                <b style="color:#0e90d2" [innerHTML]="cmp.PDT_NAME"></b>
            </div>
            <div class="ui-g-3 ui-sm-3">
                <span style="color:#999">{{cmp.BOOTH_NO}}</span>
            </div>
        </div>
        <div class="ui-g" style="border-bottom: 1px solid #d9d9d9">
            <div class="ui-g-12 ui-md-12 car-details">
                    品牌：{{cmp.PDT_BRAND}} , 型号：{{cmp.PDT_SPEC}}
            </div>
        </div>
    </ng-template>
</p-dataView>